<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$seoname} - 深圳市零刻云科技有限公司</title>
    <meta name="keywords" content="{$seoname} - 深圳市零刻云科技有限公司" />
    <meta name="description" content="{$seoname} - 深圳市零刻云科技有限公司" />
    <!-- 引入样式 -->
    <!-- import CSS -->
    <link rel="stylesheet" href="/Web/element.css">
    <link rel="stylesheet" href="/Web/common.css">
    <!-- /* 当屏幕的宽度大于等于400px的时候，应用 mini.css */ -->
<!--    <link rel="stylesheet" type="text/css" href="mini.css" media="screen and (min-width: 400px)">-->
<!--    &lt;!&ndash; /* 当屏幕的宽度大于600 小于800px时，应用small.css */ &ndash;&gt;-->
<!--    <link rel="stylesheet" type="text/css" href="small.css" media="screen and (min-width: 600px) and (max-width: 800px)">-->
<!--    &lt;!&ndash; /* 当屏幕的宽度大于800 小于1100px时，应用midium.css */ &ndash;&gt;-->
<!--    <link rel="stylesheet" type="text/css" href="small.css" media="screen and (min-width: 800px) and (max-width: 1100px)">-->

    <style>
        *{margin: 0;padding: 0;}
        .el-image__inner{
            vertical-align:middle
        }
        h3{font-size: 42px;font-weight: normal;margin:65px 0}
        h4{font-size: 30px;color: #676767;font-weight: normal;margin-top: 50px;}
        .content{padding-top: 100px;padding-bottom: 228px;}
        .el-form>div{justify-content: space-between;margin-top: 36px;}
        .el-form .el-form-item{width: 32%;height:68px;margin-bottom: 0;}
        .el-form .el-input__inner{height: 68px;border: 0;font-size: 20px;border-radius: 3px;}
        .el-textarea__inner{border: 0;font-size: 24px;border-radius: 3px;font-family: Arial;padding-top: 30px;}
        .el-form .textareaBox,.el-textarea,.textareaBox .el-form-item.el-form-item--feedback,.el-textarea__inner{width: 100%;height: 250px;border: 0;border-radius: 3px;}
        .el-form>.checkBox{display: flex;justify-content: flex-start;}
        .el-form>.checkBox .el-form-item.el-form-item--feedback{width: 100%;}
        .el-form>.checkBox .el-form-item__content{display: flex;}
        .checkBox .el-input__inner, .checkBox .el-input{width: 418px;}
        .checkBox .el-image{width: 192px;height: 68px;margin: 0 20px;}
        .checkBox span.iconfont{font-size: 42px;color: #000;transform: rotate(54deg);text-align: center;line-height: 68px;height: 68px;}
        .checkBox span:hover{cursor: pointer;transform: rotate(24deg);transition: all 0.5s;}
        .checkBox .el-button.el-button--primary{width: 184px;height: 68px;border-radius: 68px;background: #474747;color: #fff;line-height: 68px;padding: 0;font-size: 30px;}
        .contentclass{font-size: 16px;color: #676767;font-weight: normal;margin-top: 30px;line-height: 35px;text-indent: 2em;}

    </style>
    <link rel="stylesheet" href="/Web/common.css">
</head>
<body>
    <div id="app" class="mainBg" v-cloak>
        <!-- 导航栏 -->
        <include file="Public/header" />

        <el-row class="flexBox">
            <el-col :span="19" style="margin: auto;"><div class="content">
              <!-- 公司介绍 -->
                <h3 class="mainColor">{{title}}</h3>
                <div class="contentclass" v-html="body"></div>
                </div>
            </el-col>
        </el-row>
        <my-footer></my-footer>

    </div>
    <script src="/Web/localLang.js"></script>
    <script src="/Web/js/vue.js"></script>
    <script src="/Web/js/element-ui.js"></script>
    <script src="/Web/drawer.js"></script>
    <script src="/Web/header.js"></script>
    <script src="/Web/footer.js"></script>
    <script>
        new Vue({
            el: '#app',
            data: {
                yzm:"{:U('verify')}",
                loading: false,
                resizable: false,
                index: 0,
                visible:false,
                lists:[],
                ruleForm:{},
                pageId:4,
                lang:Number(localStorage.getItem('langType')),
                hoverItem:0,
                title:"",
                body:"",
                proList:{:json_encode($menuGoods)}
            },
            mounted(){
                var type = '{$seoname}';
                if(type == '隐私政策'){
                    this.title = LANG[this.lang].yszc;
                    this.body = LANG[this.lang].yszcIntro;
                }else if(type == '条款细则'){
                    this.title = LANG[this.lang].tkxz;
                    this.body = LANG[this.lang].tkxzIntro;
                }
                console.log(this.body);
            },
            methods: {
                changePage(item){
                    // $emit('changePage',id)
                    if(item.id===1)return
                    if(item.drop===true)return
                    window.location.href=item.href
                },
                changeLanguage(){
                    this.lang = Number(!Number(localStorage.getItem('langType')));
                    // this.$parent.parentChangeLang(this.lang?'zh-CN':'en')
                    localStorage.setItem('langType',this.lang)
                    document.cookie = "langType="+this.lang;
                    window.location.reload()
                },
                verifyimg(){
                    this.yzm = "{:U('verify')}?id=1&random="+Math.random()
                },
                submitForm(){
                    var name = this.ruleForm.name;
                    var email = this.ruleForm.email;
                    var phoneNumber = this.ruleForm.phoneNumber;
                    var desc = this.ruleForm.desc;
                    var checkCode = this.ruleForm.checkCode;
                    if(!name || !email || !phoneNumber || !desc || !checkCode){
                        alert("信息资料不完整~")
                        return false;
                    }

                    //console.log(name,email,phoneNumber,desc,checkCode)
                    urldata = "name="+name+"&email="+email+"&phoneNumber="+phoneNumber+"&desc="+desc+"&checkCode="+checkCode
                    window.location.href = "{:U('about_sub')}?"+urldata;
                }
            },
            computed:{

                language(){
                    return LANG[this.lang]
                },
                list(){
                    return [
                        {id:0,drop:false,text:LANG[this.lang].home,href:'/'},
                        <volist name="menuGoods" id="vo" key="k">
                            {id:{$vo['gc_id']},drop:true, text:'{$vo['gc_name']}',href:"{:U('detail',['gc_id'=>$vo['gc_id']])}"},
                        </volist>
                        {id:3,drop:false,text:LANG[this.lang].quality,href:"{:U('qualification')}"},
                        {id:4,drop:false,text:LANG[this.lang].about,href:"{:U('about')}"},
                        {id:5,drop:false,text:LANG[this.lang].support,href:"{:U('support')}"},
                    ]},
            },
        });
      </script>
</body>
</html>